<div class="sidebar_detail">
	<div class="tab-header">
		<div class="title">
			<i class="fa fa-home"></i>上传
		</div>
		<div class="tool">
			<button type="button" class="btn btn-default"
					ng-click="uploadSupport.save()" ng-disabled="billUploadForm.$invalid">
				<i class="fa fa-outdent"></i>保存
			</button>
		</div>
	</div>
	<!-- Nav tabs -->
	<ul class="nav nav-tabs" role="tablist" style="clear: both">
		<li class="active"><a data-target="#billInfo" role="tab" data-toggle="tab">基本信息</a></li>
	</ul>
	<!-- Tab panels -->
	<div class="tab-content">
		<div class="tab-pane active" id="billInfo">
			<div class="payinfo">
				<form id="billUploadForm" name="billUploadForm" novalidate>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>团:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="text" class="form-control" ng-model="uploadSupport.entity.groupName" disabled>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>线路:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="text" class="form-control" ng-model="uploadSupport.entity.lineName" disabled>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>导游姓名:
								</label>
								<div class="col-md-8 col-sm-10">
									<input id="guideName" name="guideName" type="text" ng-model="uploadSupport.entity.guideName" class="form-control">
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.guideName.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>电话:
								</label>
								<div class="col-md-8 col-sm-10">
									<input name="guidePhone" type="text" class="form-control"
										   ng-model="uploadSupport.entity.guidePhone" ng-pattern="/(^$)|^(((\+86)|(86))?1[34578]\d{9})$/" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.guidePhone.$dirty && billUploadForm.guidePhone.$valid"></span>
									<span class="error_tips"
										  ng-show="billUploadForm.guidePhone.$error.pattern">电话格式不正确！</span>

								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>司机姓名:
								</label>
								<div class="col-md-8 col-sm-10">
									<input name="driverName" type="text" ng-model="uploadSupport.entity.driverName" class="form-control">
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.driverName.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>电话:
								</label>
								<div class="col-md-8 col-sm-10">
									<input name="driverPhone" type="text" class="form-control"
										   ng-model="uploadSupport.entity.driverPhone" ng-pattern="/(^$)|^(((\+86)|(86))?1[34578]\d{9})$/" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.driverPhone.$dirty && billUploadForm.driverPhone.$valid"></span>
									<span class="error_tips"
										  ng-show="billUploadForm.driverPhone.$error.pattern">电话格式不正确！</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>成人门票数量:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="adultNum"
										   ng-model="uploadSupport.entity.adultNum" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.adultNum.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>成人门票价格:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="adultTicketPrice"
										   ng-model="uploadSupport.entity.adultTicketPrice" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.adultTicketPrice.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>儿童门票数量:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="childNum"
										   ng-model="uploadSupport.entity.childNum" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.childNum.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>儿童门票价格:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="childTicketPrice"
										   ng-model="uploadSupport.entity.childTicketPrice" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.childTicketPrice.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>学生门票数量:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="stuNum"
										   ng-model="uploadSupport.entity.stuNum" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.stuNum.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>学生门票价格:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="stuTicketPrice"
										   ng-model="uploadSupport.entity.stuTicketPrice" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.stuTicketPrice.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>学生门票数量:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="oldNum"
										   ng-model="uploadSupport.entity.oldNum" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.oldNum.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>学生门票价格:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="oldTicketPrice"
										   ng-model="uploadSupport.entity.oldTicketPrice" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.oldTicketPrice.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>其他门票数量:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="otherNum"
										   ng-model="uploadSupport.entity.otherNum" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.otherNum.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>其他门票价格:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="otherTicketPrice"
										   ng-model="uploadSupport.entity.otherTicketPrice" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.otherTicketPrice.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>车费:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="carCost"
										   ng-model="uploadSupport.entity.carCost" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.carCost.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>团费:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="groupMoney"
										   ng-model="uploadSupport.entity.groupMoney" required>
									<span
											class="glyphicon glyphicon-ok form-control-feedback"
											ng-show="billUploadForm.groupMoney.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>团补:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="groupSubsidy"
										   ng-model="uploadSupport.entity.groupSubsidy" required>
									<span class="glyphicon glyphicon-ok form-control-feedback"
										  ng-show="billUploadForm.groupSubsidy.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
										class="notNull">*</span>金额:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" ng-value="uploadSupport.entity.total=uploadSupport.entity.adultNum * uploadSupport.entity.adultTicketPrice + uploadSupport.entity.childNum * uploadSupport.entity.childTicketPrice + uploadSupport.entity.stuNum * uploadSupport.entity.stuTicketPrice + uploadSupport.entity.oldNum * uploadSupport.entity.oldTicketPrice + uploadSupport.entity.otherNum * uploadSupport.entity.otherTicketPrice + uploadSupport.entity.groupSubsidy + uploadSupport.entity.carCost" disabled>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">备注:</label>
								<div class="col-sm-10">
									<textarea name="remark" class="form-control" rows="5"
											  ng-model="uploadSupport.entity.remark"></textarea>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">图片:</label>
								<div class="col-sm-10" id="billImage"></div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label"></label>
								<div class="col-sm-10">
									<ul id="dowebok">
										<li ng-repeat="item in uploadSupport.bind.images" style="list-style-type: decimal;margin: 8px 0;"><img
												data-original="{{ item.key }}" src="{{ item.src }}" style="width: 90%;">
										</li>
									</ul>
									<input name="isOk" type="hidden" class="form-control" ng-model="uploadSupport.bind.isOk" required>
									<span class="glyphicon glyphicon-ok form-control-feedback" ng-show="billUploadForm.isOk.$dirty && billUploadForm.isOk.$valid"></span>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>